#top{
	margin-bottom: 20px;
}
.banner-bottom {
	margin-bottom: 20px;
	background-color: #e0e1e2;
}
.abt-img img {
	width:86%;
}
#pic_body{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 60px;
	display: inline-block;
}
#pic_body div{
	float: left;
	width: 50%;
}
#pic_body div span{
  	position: relative;
  	width: 100%;
  	display: inline-block;
}
#pic_body div span img{
  	width: 59%;
}
#pic_body div:nth-child(odd){
	text-align: right;
}
#pic_body div:nth-child(even){
	text-align: left;
}
.tip{
	position: absolute;
	top: 50%;
	left: 70%;
	width: auto!important;
	margin-left: -96px!important;
	margin-top: -17px!important;
}
.tip2{
	position: absolute;
	top: 50%;
	left: 30%;
	width: auto!important;
	margin-left: -96px!important;
	margin-top: -17px!important;
}
#tip1,#tip2,#tip3,#tip4{
	margin: 5px;
}
.ceng{
	width:59%!important;
	padding: 16px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 1!important;
	background: #000000;
	position: absolute!important;
	left: 0;
	height: 100%;
	/*display: inline-block;*/
	display: none;
}
.panel1{
    max-width: 340px;
}
#tip1 .ceng{
	left: 41%;
}
#tip2 .ceng{
	left: 41%;
}
.show_title{
	margin: 15px 0;
	font-size: 16px;
}
.show_title p{
	line-height: 16px;
}
.shop {
  width: 60%;
  margin: 0 20%;
}
.shop .shop-img {
  position: relative;
  z-index: -1;
}

.shop .shop-img>img {
  width: 100%;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.shop:hover .shop-img>img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.close_btn{
	cursor: pointer;
	color: #FFFFFF;
	position: absolute;
    right: 20px;
    top: -2px;
	font-size: 25px;
}
#pic_body p{
	margin: 0!important;
	line-height: 170%;
}
